<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.w3.org/1999/xhtml">
<head data-th-replace="seller/sellercommon/sellerhead"></head>
<body>
<!-- this is the common top begin -->
<top data-th-replace="seller/sellercommon/top"></top>
<!-- this is the common top end -->



<div class="container-fluid" style="min-height: 500px">
    <left data-th-replace="seller/sellercommon/left"></left>
    <div class="col-xs-6 border-one border-radius mt-40 ml-30 mb-10">
        <div class="mt-20">
            <a href="#">卖家中心</a>
            <span>&gt;</span>
            <a href="#">交易管理</a>
            <hr/>
        </div>


        <!--this is the order manage begin-->
        <div>

            <div class="mt-20">
                <ul class="font-bold list-inline">
                    <li class="sidebar"><a th:href="@{/seller/orders}">所有订单</a></li>&nbsp;&nbsp;
                    <li class="sidebar"><a th:href="@{/seller/ordersWaitdeliver}">待发货</a></li>&nbsp;&nbsp;
                    <li class="sidebar"><a th:href="@{/seller/ordersAlreadydeliver}">已发货</a></li>&nbsp;&nbsp;
                    <li class="sidebar"><a th:href="@{/seller/ordersOnrejection}">退款中</a></li>&nbsp;&nbsp;
                    <li class="sidebar"><a th:href="@{/seller/ordersAlreadyrejection}">已退款</a></li>&nbsp;&nbsp;
                    <li class="sidebar"><a th:href="@{/seller/ordersSuccess}">成功</a></li>
                </ul>
                <hr/>
            </div>
            <div id="alreadydeliver">
                <table class="table table-striped" style="height: 30px;">
                    <tr>
                        <td colspan="2">#</td>
                        <td colspan="2">商品</td>
                        <td colspan="1">单价</td>
                        <td colspan="1">数量</td>
                        <td colspan="1">买家</td>
                        <td colspan="2">实收款</td>
                        <td colspan="2">订单状态</td>
                    </tr>
                    <tr th:each="order : ${orders}">
                        <td colspan="2">
                            <img alt="图片" style="width: 50px;height: 50px;" class="order_item_img" th:src="@{'/picture/'+${order.getProduct().getPictureId()}}"/><br/>
                        </td>
                        <td colspan="2"><a href="#"><span class="font-small"  th:text="${order.product.name}">商品</span></a></td>
                        <td colspan="1" th:text="${order.product.price}">单价</td>
                        <td colspan="1" th:text="${order.getOrderProduct().getProductNum()}">数量</td>
                        <td colspan="1" th:text="${order.buyer.name}">买家</td>
                        <td colspan="2">
                            <strong>￥</strong><span class="font-small" th:text="${order.totalPrice}">实收款</span>
                        </td>
                        <td colspan="2">
                            <span class="font-small" th:if="${order.status} == '1'"  th:text="待发货">交易状态</span>
                            <span class="font-small" th:if="${order.status} == '2'"  th:text="已发货">交易状态</span>
                            <span class="font-small" th:if="${order.status} == '3'"  th:text="退货中">交易状态</span>
                            <span class="font-small" th:if="${order.status} == '4'"  th:text="已退货">交易状态</span>
                            <span class="font-small" th:if="${order.status} == '5'"  th:text="已完成">交易状态</span>
                        </td>
                    </tr>
                </table>
            </div>

            <div class="row">
                <div class="col-lg-2"></div>
                <div class="col-lg-10">
                    <!--page begin-->
                    <nav data-th-replace="common/pager"></nav>
                    <!--page end -->
                </div>
            </div>

        </div>
        <!--this is the order manage end-->

    </div>
    <div class="col-xs-1"></div>
</div>


<!--This is the common footer Begin-->
<bottom data-th-replace="seller/sellercommon/bottom"></bottom>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../js/common/jquery-3.1.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../bootstrap/dist/js/bootstrap.min.js"></script>


</body>
</html>
